a.Accueil{
    color: rgb(0, 0, 0);
}

img{
    box-shadow: 0 0 8px 8px rgba(255, 196, 0, 0.527) inset;
}
li{
    color: rgb(0, 0, 0);
}
a.info1{
    color: rgb(0, 0, 0);
}

p, h1{
    color: rgb(0, 0, 0);
  }

h2,h3,h4{
    color: rgb(0, 0, 0);
}

a.Accueil{
    color: rgb(0, 0, 0);
}
a{
    color: rgb(0, 0, 0);
}


img{
    height: 110px;
    border-radius: 15px;  
}




div#headbox {
    border-radius: 15px;
    background-color:  rgba(255, 196, 0, 0.521);
    width: 100%;
   height: 100%;
}

div#headbox div{
    display: inline-block;
    vertical-align: top;

}

.img1 {
    margin-left: 45px;
    width: 16%;
}
.img1 img{
    height: 170px;
    width: 160px;
}
.img2{
    
    margin-left: 0%;

}

.img2 img{

    height: 150px;
    width: 1060px;
}
.Qtimer1 {
    width: 100%;
    height: auto;
    text-align: right;
}
.Qtimer1 img{
    vertical-align: top;
    height: 30px;
    width: 40px;
}
  


.titrenav{
    
    height: auto;
    width: 80%;
}
.titrenav div{
    display: inline-block;
}
.titre{
    width: 100%;
    margin-left: 17%;
}

.titre div{
    display: inline-block;
}

.nav{
    height: auto;
    width: auto;
    margin-left: 50%;
    margin-bottom: 0.1%;
   
}
.verticalnav{
    border-right: 2px solid #000000b7;
    display: inline-block;
    height: 16px;
    margin: 0 15px;
}

.nav li.btna{
    display: inline-block;
    list-style-type: none ;
}
.nav li.btnaf{
    margin: 0%;
    display: inline-block;
    list-style-type: none ;
}

.btna a, g{

    font-family: Baskerville Old Face;
    color: #000000;
    font-size: 18px;
}
.btnaf a, g{

    font-family: Baskerville Old Face;
    color: #000000;
    font-size: 18px;
}

.head1 h1{
    margin-left: 120px;
    
}

body{
    overflow-x: hidden;
    overflow-y: auto;
    background-color: white

}

li{
    color: rgb(0, 0, 0);
}
a.info1{
    color: rgb(0, 0, 0);
}

p, h1{
    color: rgb(0, 0, 0);
  }

h2,h3,h4{
    color: rgb(0, 0, 0);
}



footer {
    width: 100%;
}

div#footbox div.foot{
    border-radius: 10px;
    color: rgb(255, 255, 255);
    background-color: rgba(255, 196, 0, 0.521);
    width: 100%;
    height: 40px;
    text-align:right;
    font-family: Times New Roman;
}










/* Pied de la page  */

footer {
    width: 100%;
}

div#footbox div.foot{
    border-radius: 10px;
    color: rgb(255, 255, 255);
    background-color:  rgba(255, 196, 0, 0.521);
    width: 100%;
    height: 40px;
    text-align:right;
    font-family: Times New Roman;
}



/* Page Accueil  */

.head1{
    color: rgb(0, 0, 0);
    margin-left: 18px;
    width: 80%;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    font-family: Baskerville Old Face;

}


div#AinfoboxA {
    width: 100%;
    border-top-left-radius: 15px ;
    border-top-right-radius: 15px ; 
}

div#AinfoboxA div {
    display: inline-block;
    font-family: Arial;
    font-size: 18px;
}
.Ainfo1{
  
    width: 90%;
    height: 48px;
    margin-top: 4px;
    margin-left: 100px;
    font-family: Arial;
    font-size: 18px;
}
.Ainfo1 h4{
    text-align: justify;
    margin-top: 2%;
    margin-bottom: 2%;
}




div#content1 {
    width: 100%;
    font-family: Arial;
    height:auto;
    margin-bottom: 2%;
}

div#content1 div{
    display: inline-block;
    border-radius: 15px;
    
    
}

.content11{
    width: 96%;
    background-color:rgba(255, 196, 0, 0.521);
    height: 150px;
    box-shadow: 12px 12px 2px 1px rgba(0, 0, 255, .2);
    margin: 1%;
    line-height: 45px;

}   

.content11 h2{
   
    /*text-indent: -700px;*/
    margin-top: 1.7%;
    text-align: center;
    width: 100%;    
    font-size: 28px;
    color: rgb(0, 0, 0);   
    
}


.content12{
    width: 100%;

}

.content12 div{
    display:inline-block;
    width: 47%;
    margin: 1%;
    
}

.rightboxa{
    background-color:rgba(255, 196, 0, 0.521);
    height: 150px;
    
    box-shadow: 12px 12px 2px 1px rgba(0, 0, 255, .2);
    
}

.rightboxa h2{
    margin-top: 7.5%;
    text-align: center;
    font-size: 26px;

    
}
.leftboxa{
    vertical-align: top;
    background-color:rgba(255, 196, 0, 0.521);
    height: 150px;
    box-shadow: 12px 12px 2px 1px rgba(0, 0, 255, .2);
    
}

.leftboxa h2{
    margin-top: 7.5%;
    text-align: center;
    font-size: 26px;

  
}



.Ainfo2 {
    width: 100%;
    font-family: Arial;
    height:auto;
    margin-bottom:2%;
    
}

div#Ainfo2 div {
    display: inline-block;
}

.Ainfo21{
    width: 100%;
    height: 60px;
}
.Ainfo21 p{
font-weight: bold;
font-size: 22px;
margin-left: 4%;
}
.Ainfo22{
    width: 100%;
    font-style: bold;
}
.Ainfo22 div{
    text-align: center;
    font-family: Arial;

}   



.verticalfiche{
    border-right: 2px solid #000000b7;
    display: inline-block;
    height: 50px;
    margin: 20px 20px;
}
.Ainfo221{
    width: 33%;
    border-right: solid rgb(0, 0, 0);
}
.Ainfo221 p{
    font-size: 20px;
    font-weight: bold;
}

.Ainfo222{
    width: 33%;
    border-right: solid rgb(0, 0, 0);
}
.Ainfo222 p{
    font-size: 20px;
    font-weight: bold;
}
.Ainfo223{
    width: 30%;
}
.Ainfo223 p{
    font-size: 20px;
    font-weight: bold;
}






.Ainfo3 {
    width: 100%;
}

.Ainfo3 p{
    font-weight: bold;
    font-size: 22px;
    margin-left: 4%;
}

/* Page Q1info  */



 
.head2{


    color: rgb(0, 0, 0);
    width: 80%;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    font-family: Baskerville Old Face;

}

div#info1box {
    font-family: Arial;
    font-size: 18px;
    width: 100%;
    height: 1490px;
    border-top-left-radius: 15px;
    border-top-RIGHT-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-RIGHT-radius: 15px;
    height: auto;
    
}
div#info1box div{
    
    display: inline-block;
    width: 93%;
}
.Q1info1p1{
    margin-top: 2%;
    margin-left: 4%;
    text-align: justify;
}

.Q1info2p1 {
    font-weight: bold;
    margin-top: 2%;
    width: 90%;
    margin-left: 6%;
    text-align: justify;
  
}
.Q1info3p1 {
    margin-top: 1%;
    position: relative;
    margin-left: 50px;
    font-family: Arial;

}
.Q1info4p1 {
    margin-top: 1%;
    position: relative;
    margin-left: 50px;
    font-family: Arial;

}
.Q1info5p1 {
    margin-top: 1%;
    position: relative;
    margin-left: 50px;
    font-family: Arial;

}
.Q1info6p1 {
    margin-top: 1%;
    position: relative;
    margin-left: 50px;
    font-family: Arial;

}

.Q1info7p1 {
    margin-top: 2%;
    font-weight: bold;
    position: relative;
    margin-left: 6%;
    font-family: Arial;

}
.Q1info8p1 {
    margin-top: 1%;
    position: relative;
    margin-left: 50px;
    font-family: Arial;

}
.Q1info9p1 {
    margin-top: 2%;
    position: relative;
    margin-left: 50px;
    font-family: Arial;

}
.Q1info10p1 {
    margin-top: 4%;
    margin-left: 50px;
    font-family: Arial;

}




/* Page Questionnaire Debut questionnaire   */

/* Page Q1questionnaire                     */


.head4{


    color: rgb(0, 0, 0);
    width: 80%;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    font-family: Baskerville Old Face;

}

div#Q1infobox1 {
    margin-top: 2%;
    width: 100%;
    background-color: rgb(255, 255, 255);
    border-top-left-radius: 15px ;
    border-top-right-radius: 15px ;
}

div#Q1infobox1 div {
    display: inline-block;
    font-family: Arial;
    font-size: 18px;
}
div#Q1infobox1 div.Q1info1{
 
    width: 90%;
    height: 48px;
    margin-top: 4px;
    margin-left: 4%;
    font-family: Arial;

    font-size: 18px;
}
div#Q1infobox2 {
    margin-top: 4%;
    width: 100%;
    margin-bottom: 6%;
    
}

div#Q1infobox2 div{
    display: inline-block;
    width: 47.5%;
    vertical-align:middle;
    margin: 10px;
    border-radius: 50px;
    box-shadow: 12px 12px 2px 1px rgba(0, 0, 255, .2);
    
}


div#Q1infobox2 div.rightbox{
    background-color:rgba(255, 196, 0, 0.521);
    height: 150px;

}

div#Q1infobox2 div.rightbox h2{
    text-align: center;
    font-size: 25px;
    border: 0px;
    padding: 0px;
    margin: 65px;
    color: rgb(0, 0, 0);   
    
}


div#Q1infobox2 div.leftbox h2{
    text-align: center;
    font-size: 25px;
    border: 0px;
    padding: 0px;
    margin: 65px;
    color: rgb(0, 0, 0);
  
}
div#Q1infobox2 div.leftbox{
    background-color:rgba(255, 196, 0, 0.521);
    height: 150px;
}



div#Q1infobox3{
    margin-top: 3%;

}

div#Q1infobox3 div {
    margin: 20px;
    width: 20%;
    display: inline-block;
    font-family: Arial;
    font-size: 18px;
}
div#Q1infobox3 div.Q1info3{
    height: 48px;
    text-align: justify;
    margin-top: 4px;
    font-family: Arial;
    font-size: 18px;
    margin-right: 0px;
    margin-left: 50px;
    font-family: Arial;
    font-size: 18px;
}



/* Page Q2questionnaire                     */
.head6{
    color: rgb(0, 0, 0);
    width: 80%;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    font-family: Baskerville Old Face;

}

.head5{
    color: rgb(0, 0, 0);
    width: 80%;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    font-family: Baskerville Old Face;

}


div#qtimer15.img{
    width: 100%;
    background-color: #000000;
    text-align: right;
    margin-left: 50%;
}


div#Q2infobox1 {
    margin-top: 2%;
    width: 100%;
    background-color: rgb(255, 255, 255);
    border-top-left-radius: 15px ;
    border-top-right-radius: 15px ;
}

div#Q2infobox1 div {
    
    display: inline-block;
    font-family: Arial;
    font-size: 18px;
}
div#Q2infobox1 div.Q2info1{
 
    width: 90%;
    height: 48px;
    text-align: justify;
    margin-top: 4px;
    margin-left: 100px;
    font-family: Arial;

    font-size: 18px;
}
div#Q2infobox2 {
    margin-top: 5%;
    width: 100%;
    
}

div#Q2infobox2 div{
    box-shadow: 12px 12px 2px 1px rgba(0, 0, 255, .2);
    display: inline-block;
    width: 47.5%;
    vertical-align:middle;
    margin: 10px;
    border-radius: 50px;
    
}


div#Q2infobox2 div.rightbox{
    background-color:rgba(255, 196, 0, 0.521);
    height: 150px;

}

div#Q2infobox2 div.rightbox h2{
    text-align: center;
    font-size: 25px;
    border: 0px;
    padding: 0px;
    margin: 65px;
    color: rgb(0, 0, 0);   
    
}


div#Q2infobox2 div.leftbox h2{
    text-align: center;
    font-size: 25px;
    border: 0px;
    padding: 0px;
    margin: 65px;
    color: rgb(0, 0, 0);
  
}
div#Q2infobox2 div.leftbox{
    background-color:rgba(255, 196, 0, 0.521);
    height: 150px;
}



div#Q2infobox3{

    margin-top: 5%;
    width: 100%;

}

div#Q2infobox3 div {

    display: inline-block;
    font-family: Arial;
    font-size: 18px;
}
.Q2info3{
    margin-left: 20px;
    width: 47%;

    text-align: justify;
}

.Q2info4{
    width: 50%;
    text-align: justify;
    font-size: 18px;
    font-family: Arial;
}


.Q2info4 h4{
    margin-left: 550px;

}



/* Page Questionnaire 3  */

div#Q3infobox1 {
    width: 100%;
  border-radius: 15px;
    
  
}

div#Q3infobox1 div{
    display: inline-block;

}


div#Q3infobox1 div.info1{
    margin: 20px;
    border-radius: 15px;
    margin-top: 9%;
    width: 33%;
    vertical-align: top;
    text-align: center;

}

div#Q3infobox1 div.img2{
    border-radius: 15px;
    margin: 20px;
    width: 53%;
    text-align: center;
    font-size: 0px;
    border: 0px;
    padding: 0px;
    color: rgb(0, 0, 0);   
}

div#Q3infobox1 div.img2 img{
   
    height: 550px;
}





div#Q3infobox2 {
    display: inline-block;
    height: 150px;
    width: 100%;
    border-bottom-left-radius: 15px;
    border-bottom-RIGHT-radius: 15px;   
}

div#Q3infobox2 div{
    font-size: 18px;
    display: inline-block;
    font-family: Arial;

}

.Q3info2{
    width: 100%;
    text-align: center;
    
}


.Q3info3{
    margin-left: 20px;
    width: 47%;
    text-align: justify;
}

.Q3info4{
    width: 47%;
    text-align: justify;
    font-size: 18px;
}


.Q3info4     h4{
    margin-left: 550px;

}




/* Page Questionnaire 4 */

.head7{


    color: rgb(0, 0, 0);
    width: 80%;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    font-family: Baskerville Old Face;

}



div#Q4infobox1 {

    width: 100%;
    border-radius: 15px;
    
}

div#Q4infobox1 div{
    display: inline-block;
    margin-left: 70px;
    width: 100%;
    font-size: 18px;
}
div#Q4infobox1 div.Q4info1{
    font-size: 30px;
    margin-top: 15px;
    margin-left: 0px;
    width: 90%;
    text-align: center;
    font-family: Arial;
}
div#Q4infobox1 div.Q4info2{
    margin-top: 2%;
    line-height: 35px;
    font-size: 20px;
    width: 50%;
    text-align: justify;
    font-family: Arial;
}
div#Q4infobox1 div.Q4info3{
    font-size: 18px;
    vertical-align: top;
    width: 100%;
    text-align: center;
    font-family: Arial;
}
div#Q4infobox1 div.Q4info4{
    font-size: 18px;
    width: 45%;
    font-family: Arial;

}
div#Q4infobox1 div.Q4info5{
    font-size: 18px;
    width: 45%;
    font-family: Arial;
}
.Q4info5 h4{
margin-left: 470px;
}



/* Page Questionnaire 5 */

.head8{
    color: rgb(0, 0, 0);
    width: 80%;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    font-family: Baskerville Old Face;

}

div#Q5infobox1 {
    margin-top: 4%;
    width: 100%;
    background-color: rgb(255, 255, 255);
    border-top-left-radius: 15px ;
    border-top-right-radius: 15px ;
}

div#Q5infobox1 div {
    display: inline-block;
    font-family: Arial;
    font-size: 18px;
}
div#Q5infobox1 div.Q5info1{
    width: 90%;
    height: 48px;
    text-align: justify;
    margin-top: 4px;
    margin-left: 100px;
    font-family: Arial;
    font-size: 18px;
}
div#Q5infobox1 div.info1p2 p{
    width: 100%;
    text-align: justify;
    margin-left: 10%;
}

div#Q5infobox2 {
    margin-top: 4%;
    width: 100%;
    
}

div#Q5infobox2 div{
    box-shadow: 12px 12px 2px 1px rgba(0, 0, 255, .2);
    display: inline-block;
    width: 47.5%;
    vertical-align:middle;
    margin: 10px;
    border-radius: 50px;
    
}


div#Q5infobox2 div.rightbox{
    height: 150px;
    background-color:rgba(255, 196, 0, 0.521);

}

div#Q5infobox2 div.rightbox h2{
    text-align: center;
    font-size: 25px;
    border: 0px;
    padding: 0px;
    margin: 65px;
    color: rgb(0, 0, 0);   
    
}


div#Q5infobox2 div.leftbox h2{
    text-align: center;
    font-size: 25px;
    border: 0px;
    padding: 0px;
    margin: 65px;
    color: rgb(0, 0, 0);
  
}
div#Q5infobox2 div.leftbox{
    height: 150px;
    background-color:rgba(255, 196, 0, 0.521);
}



div#Q5infobox3{
    margin-top: 5%;
    width: 100%;
}

div#Q5infobox3 div {
    margin: 20px;
    width: 47%;
    display: inline-block;
    font-family: Arial;
    font-size: 18px;
}
.Q5info3{
    background-color: rgb(255, 255, 255);
    height: 48px;
    text-align: justify;
    margin-top: 4px;
    margin-left: 73%;
    font-family: Arial;
    font-size: 18px;
}

.Q5info4{
   
    background-color: rgb(255, 255, 255);
    height: 48px;
    text-align: justify;
    margin-top: 4px;
    font-family: Arial;
    font-size: 18px;
}


.Q5info4 h4{
    margin-left: 520px;
}




/* Fiches */

div#Qfichesbox{
    margin-top: 4%;
    margin-left: 4%;
    width: 100%;
    background-color: rgb(255, 255, 255);
}


div#Qfichesbox div {
    display: inline-block;
    font-family: Arial;
    font-size: 18px;
}

.Qfiches2{
    width: 100%;
    
}